<template>
  <div style=" background-color: #000;">
    <section class="content">
      <div class="container">
        <!-- 面包屑导航star -->
        <el-breadcrumb separator="/" class="breadCrumb_Box">
          <el-breadcrumb-item :to="{ path: '/detailInfoto' }">个人中心</el-breadcrumb-item>
          <el-breadcrumb-item>我的资料</el-breadcrumb-item>
          <el-breadcrumb-item>账号信息</el-breadcrumb-item>
          <el-breadcrumb-item>实名认证</el-breadcrumb-item>
        </el-breadcrumb>
        <!-- 面包屑导航end -->
        <div class="bigbox">
          <div class="box container-fluid" style="overflow: hidden;">
            <stepThree></stepThree>
            <div class="text1 col-xs-12 col-sm-12 col-md-12 col-lg-12">恭喜您完成资料填写，请耐心等待审核完成 </div>
            <div class="text2 col-xs-12 col-sm-12 col-md-12 col-lg-12">(我们会严格保证您填写的信息安全，请您们放心)</div>
            <div class="success"><img src="../../../../static/realName/wode_rzcg2.png" alt=""></div>
            <div class=" success_box">
              <el-button class="success_btn" @click="goUrl('/detailInfoto', 'detailInfoto')">返回账号信息页面</el-button>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>

</template>
<script>
  import stepThree from "../../account/uploadID/stepThree.vue"

  export default {
    components: {
      stepThree
    },
    data() {
      return {

      }
    },
    methods: {
      goUrl(path, name) {
        this.$router.push({
          path: path,
          name: name,
        });
      },
    }
  }

</script>
<style scoped>
  .breadCrumb_Box {
    margin-top: 30px;
  }

  .box {
    margin-top: 80px;
  }

  .bigbox {
    width: 100%;
    margin-bottom: 30px;
    background-color: #0f0f0f;
    overflow: hidden;
    margin-top: 20px;
    box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.08);
  }

  .text1 {
    margin-top: 110px;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
  }

  .text2 {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: #ccc;
    text-align: center;
    margin-top: 5px;

  }

  .label_left {
    text-align: right;
  }

  .label_right {
    text-align: left;
  }

  div>>>input[type=file] {
    display: none;
  }

  .success {
    width: 100%;
    text-align: center;
    margin-top: 200px;
  }

  .success img {
    width: 114.63px;
    height: 114.63px;
  }

  .success_box {
    width: 100%;
    text-align: center;
    margin-top: 42px;
    margin-bottom: 81px;
  }

  .success_btn {
    width: 130px;
    height: 45px;
    background-color: #ff7926;
    color: #fff;
    line-height: 0;
    padding: 0;
    border: 0px;
  }

  @media screen and (max-width: 992px) {
    .box {
      margin-top: 10px;
    }

    .text1 {
      margin-top: 40px;
    }

    .bigbox {
      height: auto;
    }

    .success {
      width: 100%;
      text-align: center;
      margin-top: 130px;
    }
  }

  .breadCrumb_Box>>>.el-breadcrumb__item .is-link.el-breadcrumb__inner {
    color: #ee7829;
  }

  .breadCrumb_Box>>>.el-breadcrumb__item .el-breadcrumb__inner {
    color: #fff;
  }

</style>
